<sqx-title message="i18n:api.pageTitle" />
<sqx-layout layout="left" overflow="true" padding="true" titleIcon="api" titleText="i18n:api.title" white="true" width="16">
    <ng-container>
        <ul class="nav nav-light flex-column">
            <li class="nav-item" sqxTourStep="graphql">
                <a class="nav-link" routerLink="graphql" routerLinkActive="active"> {{ "api.graphql" | sqxTranslate }} </a>
            </li>

            <li class="nav-item nav-heading">{{ "common.openAPI" | sqxTranslate }}</li>

            <li class="nav-item" sqxTourStep="contentApi">
                <a class="nav-link" href="/api/content/{{ appsState.appName }}/docs" sqxExternalLink>
                    {{ "api.contentApi" | sqxTranslate }}
                </a>
            </li>

            <li class="nav-item" sqxTourStep="generalAPi">
                <a class="nav-link" href="/api/docs" sqxExternalLink> {{ "api.generalApi" | sqxTranslate }} </a>
            </li>
        </ul>
    </ng-container>
</sqx-layout>
<router-outlet></router-outlet>
